@for $i from 1 through 5 {
  .line-#{$i} {

    @if $i =='1' {
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
    }

    @else {
      display: -webkit-box !important;
      overflow: hidden;
      text-overflow: ellipsis;
      word-break: break-all;
      -webkit-line-clamp: $i;
      -webkit-box-orient: vertical !important;
    }
  }
}

@each $direction in left,
center,
right {


  .text-#{$direction} {
    text-align: #{$direction};
  }
}

@for $i from 12 to 60 {
  .font-#{$i} {
    font-size: $i + rpx !important;
  }
}

// 定义内外边距，历遍1-80
@for $i from 0 through 80 {

  @if $i % 2==0 or $i % 5==0 {


    .margin-#{$i},
    .m-#{$i} {
      margin: $i + rpx !important;
    }

    .padding-#{$i},
    .p-#{$i} {
      padding: $i + rpx !important;
    }

    @each $short,
    $long in l left,
    t top,
    r right,
    b bottom {

      .m#{$short}-#{$i} {
        margin-#{$long}: $i + rpx !important;
      }


      .p#{$short}-#{$i} {
        padding-#{$long}: $i + rpx !important;
      }

      .margin-#{$long}-#{$i} {
        margin-#{$long}: $i + rpx !important;
      }

      .padding-#{$long}-#{$i} {
        padding-#{$long}: $i + rpx !important;
      }
    }

    @each $short,
    $up,
    $down in x left right,
    y top bottom,
    {


    .m#{$short}-#{$i} {
      margin-#{$up}: $i + rpx !important;
      margin-#{$down}: $i + rpx !important;
    }


    .p#{$short}-#{$i} {
      padding-#{$up}: $i + rpx !important;
      padding-#{$down}: $i + rpx !important;
    }

    .margin-#{$short}-#{$i} {
      margin-#{$up}: $i + rpx !important;
      margin-#{$down}: $i + rpx !important;
    }

    .padding-#{$short}-#{$i} {
      padding-#{$up}: $i + rpx !important;
      padding-#{$down}: $i + rpx !important;
    }

  }
}
}


@for $i from 0 through 30 {
  .radius-#{$i} {
    border-radius: $i + rpx;
  }
}

uni-page-body, page{
		font-size: 28rpx;
		color: #333333;
	}
	view {
		// line-height: 1.8;
		font-family: 'PingFangSC-regular', 'Roboto Medium';
	}
	/* 隐藏滚动条 */
	::-webkit-scrollbar {
		width: 0;
		height: 0;
		color: transparent;
	}
	
	scroll-view ::-webkit-scrollbar {
		width: 0;
		height: 0;
		background-color: transparent;
	}

.radius-half {
  border-radius: 50%;
}

.over{
	overflow: hidden;
}

.w-full {
  width: 100%;
}

.w-full-vw {
  width: 100vw;
}


.h-full {
  height: 100%;
}

.h-full-vh {
  height: 100vh;
}


.font-bold {
  font-weight: bold;
}

.bgc-white {
  background-color: #FFFFFF;
}

.hover-class{
	opacity: .7;
}